<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/pages/common/header.jsp"%>
<html>
<head>
<script src="${jsContext}/billing.js" type="text/javascript"></script>
</head>
<body class="mainbody">
	<c:set var="now" value="<%=new java.util.Date()%>" />
	<c:set var="siyoraAddress" value="${requestScope.address}" />
	<c:set var="siyoraMobile" value="${requestScope.mobile}" />
	<c:set var="siyoraEmail" value="${requestScope.emailId}" />
	<c:set var="paymentModes" value="${requestScope.paymentModes}" />
	<c:set var="invoice" value="${requestScope.invoice}" />
	<div class="mainContainer" id="target">
		<section class="bodyContainer">
		<div class="productReport">
			<form id="custBill" action="${context}/custBill" method="post">
				<input type="hidden" name="ACTION" value="AB">
				<div class="billPageDiv">
					<div class="billHeader">
						<p class="billLogo">
							<img src="${imageContext}/billSiyoraLogo.png" width="219" height="83">
						</p>
						<div class="contDetaisBill">
							<h1 class="cNameHding">Raj Art Jewellery</h1>
							<h3 class="adrssDtls">${siyoraAddress}</h3>
							<h3 class="adrssDtls">
								<strong>Mobile No. :</strong> ${siyoraMobile}
								&nbsp;&nbsp;&nbsp;&nbsp; <strong>${siyoraEmail}</strong>
							</h3>
						</div>
					</div>
					<p class="hrlineBr"></p>
					<div class="billContDesc">
						<div class="divclear">
							<div class="contPersonalDtls">
								<p class="spacerTopTen"></p>
								<h3 class="adrssDtls">
									<span class="billLableTxt">Name :</span>
									<span class="billTxt">
									<input type="text" class="billLable" id="custName" name="custName" value=""> </span>
								</h3>
								<h3 class="adrssDtls">
									<span class="billLableTxt">Address :</span>
									<span class="billTxt">
										<textarea rows="3" cols="40" name="" class="billLableArea" id="custAddress" name="custAddress" style="font-family:arial; font-size:13px;line-height:19px;"> </textarea>
									</span>
								</h3>
								<h3 class="adrssDtls">
									<span class="billLableTxt">Mobile No :</span>
									<span class="billTxt"><input type="text" class="billLable"  value="" id="custMobile" name="custMobile"> </span>
								</h3>
								<h3 class="adrssDtls">
									<span class="billLableTxt">Email Address :</span>
									<span class="billTxt"><input type="text" id="custEmailAddress" class="billLable" value=""> </span>
								</h3>
								<h3 class="adrssDtls">
									<span class="billLableTxt">Reference No :</span>
									<span class="billTxt"><input type="text" class="billLable" id="refNo" value=""> </span>
								</h3> 
							</div>

							<div class="contBillDtls">
								
								<h3 class="adrssDtls">
									<span class="billLableTxt">Date :</span><fmt:formatDate value="${now}" pattern="dd-MM-yyyy"/>
								</h3>
								<h3 class="adrssDtls">
									<span class="billLableTxt">Invoice No :</span><span id="invoiceNo">Siyora/14/${invoice}</span>
								</h3>
								<h3 class="adrssDtls billHideClass" id="payMode">
									<span class="billLableTxt">Payment Mode :</span> 
									<select class="paymentMode" id="showPayMode" onchange="setPayMode();">
										<option>Select Pay Mode</option>
										<c:forEach var="modes" items="${paymentModes}">
											<option>${modes}</option>
										</c:forEach>
									</select>
																		
								</h3>
								<h3 class="adrssDtls" id="selectedMode">
								</h3>
							</div>
						</div>

						<p class="spacerTopTen"></p>
						<div class="divclear">
						<div id="addRow">
							<input type="button"  class="billHideClass" value="Add Row" onClick="addRow();" />
							<input type="button"  class="billHideClass" value="Delete Row" onClick="deleteRow();" />
							
						</div>
							<p class="spacerTopTen"></p>
							<table id="bill" width="100%" border="0" cellspacing="0" cellpadding="0" class="billReportTable">
								<tbody>
									<tr>
										<th width="6%">Sr. No.</th>
										<th width="16%">Product Code</th>
										<th width="17%">Product Name</th>
										<th width="12%">Quantity</th>
										<th width="16%">Coupon</th>
										<th width="16%">Rates</th>
										<th width="20%">Amount</th>
									</tr>
									<tr>
										<td valign="top">1</td>
										<td valign="top"><input type="text" class="billproddLable" name="productCode1" id="prodCode1" /></td>
										<td valign="top" id="prodName1"></td>
										<td valign="top"><input type="text" class="billproddLable" name="quantity1" id="quantity1" onfocus="getProductInfo('prodCode1','prodName1','rate1');" onkeyup="calculateAmount('quantity1','rate1','amount1');"  /></td>
										<td valign="top"><input type="text" class="billproddLable" name="couponCode1" id="couponCode1"/></td>
										<td valign="top" id="rate1" >0</td>
										<td valign="top" id="amount1">0</td>
									</tr>
								</tbody>
							</table>
							<table id="amount" width="100%" border="0" cellspacing="0" cellpadding="0" class="billReportTableOne">
								<tbody>
									<tr>
										<td class="bldTxt"></td>
										<td class="bldTxt"></td>
										<td class="bldTxt"></td>
										<td class="bldTxt"></td>
										<td class="bldTxt">Total</td>
										<td class="bldTxt" id="prodTotal">0</td>
									</tr>
									<tr>
										<td width="150" class="bldTxt"></td>
										<td width="150" class="bldTxt"></td>
										<td width="175" class="bldTxt"></td>
										<td width="180" class="bldTxt"></td>
										<td class="bldTxt">Discount (%)</td>
										<td class="bldTxt"><input type="text" id="discount" class="billproddLable" value="0" onkeyup="otherCharges();" name="discount"></td>
									</tr>
									<tr>
										<td width="150" class="bldTxt"></td>
										<td width="150" class="bldTxt"></td>
										<td width="175" class="bldTxt"></td>
										<td width="180" class="bldTxt"></td>
										<td class="bldTxt">Misc &amp; Courier Charges</td>
										<td class="bldTxt"><input type="text" id="courierCharges" class="billproddLable" value="0" onkeyup="otherCharges();"name="courierCharges"></td>
									</tr>
									<tr>
										<td width="150" class="bldTxt"></td>
										<td width="150" class="bldTxt"></td>
										<td width="175" class="bldTxt"></td>
										<td width="180" class="bldTxt"></td>
										<td class="bldTxt">Grand Total</td>
										<td class="bldTxt" id="grandTotal">0</td>
									</tr>
								</tbody>
							</table>
						</div>

						<p class="spacerTopTen"></p>

						<div class="divclear">
							<div class="declarationDiv">
								<h3 class="adrssDtls">
									<strong>VAT NO</strong> : 27330632546V
								</h3>
								<h3 class="adrssDtls"><strong>Disclaimer :</strong> I / We hereby certify that my / our registration certificate under the Maharashtra Value Added Tax Act, 2002 is in force on the date on which the sale of the goods specified in this tax Invoice is made by me / Us and that the transaction of sale covered by this tax invoice has been effected by me / us and it shall be accounted for in the turnover of sales while filing of return and the due tax, if any, payable on the sale has been paid or shall be paid. </h3>
								<p class="spacerTopTen"></p>
								<p class="spacerTopTen"></p>
								<h3 class="adrssDtls"><strong>Note : </strong>Amount is inclusive of all taxes</h3> 
							</div>

							<div class="signatureDiv">
								<div class="divclear">Authorised Signature</div>
								<div class="signatureDiv"></div>
							</div>
							<div class="buttonPlacementDiv" id="diffBtn">
								<!-- <span class="buttonSiyora button80 billHideClass "><a onclick="createJson();">Save</a></span> --> 
								<span class="buttonSiyora button80 billHideClass"><a id="cmd" onclick="generatePDF();"> PDF</a> </span>
								<span class="buttonSiyora button80 billHideClass"><a href="${context}/custBill?ACTION=BS">Clear</a> </span> 
								<span class="buttonSiyora button80 billHideClass">
									<a  onclick="generateBill();">Print & Save </a> 
								</span>
							</div>
							<p class="spacerTopTen"></p>
							<p class="spacerTopTen"></p>
							<p class="spacerTopTen"></p>
						</div>
					</div>
				</div>
			</form>
		</div>
		</section>
	</div>
	<!--main container-->
	<jsp:include page="/pages/common/footer.jsp" />
</body>
</html>